<html>
<head>
	<meta charset="utf-8">
	<title></title>
	<style type="text/css">
		a:link{
			color:tomato;
		}
		a:visited{
			color:green;
		}
		a:hover{
			color:pink;
		}
		a:active{
			color: grey;
		}
		.dad{
			height: 400px;
			width: 200px;
		    border:4px solid tomato;
		}
		.son{
			width: 196px;
			height: 152px;
			border:2px solid red;
		}
		.dad:hover{
			border-color:red;
		}
		.dad:hover .son{
			background-color:tomato;
			border-color:tomato;
		}
		ul{
			list-style-image: url(img/111.png);
			list-style-position:outside;
		}
		.a{
			width:100px;
			border-left: 12px solid tomato;
			border-top:12px solid transparent;
			border-bottom:12px solid transparent;
		}
		.b{
			width: 200px;
			height: 200px;
			background-color: red;
			border-radius: 50%;
		}
		.c{
			width: 0px;
			border-bottom:100px solid red;
			border-left:100px solid transparent;
			border-right:100px solid transparent;
		}
		.d{
			width: 48px;
			border-width:100px;
			border-radius: 50%;
			border-style:solid;
			border-color: red green red green;
		}
		.e{
			width: 30px;
			height: 30px;
			background-color: grey;
			border-radius: 50%;
			border:10px solid #fff;
		}
		.g{
			height:0px;
			width: 0px;
			border-top: 40px solid red;
			border-left: 40px solid green;
			border-bottom: 40px solid red;
			border-right: 40px solid green;
		}
		caption{
			/*caption-side:bottom;*/
		}
		table{
			/*border-collapse:collapse;*/
			border-spacing:40px 5px;
		}
		@font-face {
		  font-family: 'iconfont';
		  src: url('iconfont.eot'); /* IE9*/
		  src: url('iconfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
		  url('iconfont.woff') format('woff'), /* chrome、firefox */
		  url('iconfont.ttf') format('truetype'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
		  url('iconfont.svg#iconfont') format('svg'); /* iOS 4.1- */
		}
		.iconfont{
		    font-family:"iconfont" !important;
		    font-size:16px;font-style:normal;
		    -webkit-font-smoothing: antialiased;
		    -webkit-text-stroke-width: 0.2px;
		    -moz-osx-font-smoothing: grayscale;
		}
	</style>
</head>
<body>
	<a href="http://fanyi.youdao.com/">www.baidu.com</a>
	<ul>
		<li>苹果</li>
		<li>鸭梨</li>
		<li>西瓜</li>
	</ul>
	<div class="a"></div>
	<div class="b"></div>
	<div class="c"></div>
	<div class="d">
		<div class="e"></div>
	</div>
	<i class="iconfont">&#xe608;</i>
	<i class="iconfont">&#xe611;</i>
	<i class="iconfont">&#xe614;</i>
	<i class="iconfont">&#xe61e;</i>
	<i class="iconfont">&#xe608;</i>
	<i class="iconfont">&#xe611;</i>
	<i class="iconfont">&#xe614;</i>
	<i class="iconfont">&#xe61e;</i>
	<i class="iconfont">&#xe608;</i>
	<i class="iconfont">&#xe611;</i>
	<i class="iconfont">&#xe614;</i>
	<i class="iconfont">&#xe61e;</i>
	<div class="g"></div>
	<table border="1px">
		<caption>我是一个标题</caption>
		<tr>
			<td>苹果</td>
			<td>苹果</td>
			<td>苹果</td>
			<td>苹果</td>
		</tr>
		<tr>
			<td>鸭梨</td>
			<td>鸭梨</td>
			<td>鸭梨</td>
			<td>鸭梨<i class="iconfont">&#xe608;</i></td>
		</tr>
	</table>
</body>
</html>